<template>
	<view>
		<view class="content">
			<view class="pic">
				<image src="../../../static/order/success.jpg" mode="" style="width: 360rpx;height: 320rpx;" ></image>
			</view>
			<view class="font">
				<text style="margin-top: 20rpx; ">交易成功</text>
				<text style="margin-top: 20rpx; color: #54ADFF ;">你可以点击下方按钮或进入订单查看详细信息</text>
			</view>
		</view>
		<view class="button">
			<text>查看信息</text>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.content{
	width: 710rpx;
	height: 400rpx;
	margin-left: 20rpx;
	margin-top: 200rpx;
	display: flex;
	flex-direction: column;
}
.pic{
	width: 360rpx;
	height: 320rpx;
	margin: auto;
}
.font{
	width: 710rpx;
	height: 80rpx;
	display: flex;
	flex-direction: column;
	text-align: center;
	margin-top: 20rpx;
	color: rgba(16, 16, 16, 100);
	font-size: 32rpx;
	text-align: center;
	font-family: PingFangSC-regular;
}
.button{
	width: 500rpx;
	height: 80rpx;
	line-height: 80rpx;
	border-radius: 20rpx;
	background-color: rgba(255, 255, 255, 100);
	color: rgba(34, 149, 255, 100);
	font-size: 36rpx;
	text-align: center;
	box-shadow: 0px 0px 12rpx 0px rgba(0, 0, 0, 0.03);
	font-family: Arial;
	border: 2rpx solid rgba(34, 149, 255, 100);
	margin: auto;
	margin-top: 480rpx;
}
</style>
